<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog F0302-dialog" ng-init="dialog.init();">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'F0302.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'F0302.material_no' | translate"></label>
                <label class="value" ng-bind="dialog.materialItem.material_no"></label>
                <label class="label" ng-bind="'F0302.wo_no' | translate" style="padding-left: 13px;"></label>
                <label class="value" ng-bind="dialog.wo_no"></label>
            </div>
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'F0302.return_wo_no' | translate"></label>
                <input ng-model="dialog.return_wo_no" ng-click="dialog.loadReturnWoNo();" ng-disabled="dialog.select_material_detail.length > 0"/>
                <div class="tip search" ng-click="dialog.loadReturnWoNo();"><img src="image/icons/search.png"></img> </div>
                <label class="label" ng-bind="'F0302.return_qty' | translate"></label>
                <label class="value" ng-bind="dialog.return_qty"></label>
            </div>
            <div class="kmi-text-fields" style="display: flex;justify-content: space-between;">
                <div class="kmi-list__column" style="flex:0 0 36px;">
                    <button class="mdl-button mdl-js-button mdl-button--icon mdl-button--icon_prime" ng-click="dialog.getMaterialState()">
                        <img src="image/icons/add.png"></img>
                    </button>
                </div>
                <div class="kmi-button kmi-button-confrim btn-confirm" style="width:100px" ng-click="dialog.confirm()">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
            <div class="kmi-list column-selector" column-selector-id="select_material_detail" style="flex: 5; border-radius: 4px 4px 0 0; margin-bottom:20px;">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:0 0 36px;"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0302.material_detail.column1' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0302.material_detail.column2' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0302.material_detail.column3' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0302.material_detail.column4' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0302.material_detail.column5' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'F0302.material_detail.column6' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row"
                    ng-repeat="item in dialog.select_material_detail track by $index">
                        <div class="kmi-list__column" style="flex:0 0 36px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.removeMaterialState($index)">
                                <img src="image/icons/delete1.png"></img>
                            </button>
                        </div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.mo_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.material_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.material_lot_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.sub_stitute_material_no"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.input_date"></div>
                        <div class="kmi-list__column column-border column-input" style="flex:1;">
                            <input ng-model="item.qty" ng-click="dialog.input_material_qty($event, item)">
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>
